<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- <style>
        .light{
            color:cornflowerblue;
            background:white;
        }
        .dark{
            color:white;
            background-color: black;
        }
        html{
            height: 100%;
        }
        body{
            height: 100%;
        }
        div{
            height: 100%;
        }
     </style> -->
    <!-- <div>hello</div> -->
    <!-- <input type="text" value="0">
    <button id="sub">-</button>
    <button id="add">+</button> -->
     <!-- <div class="light" style="width: 100%;height: auto;">
        这个是 W3C 组织规定的. (和制定 ECMAScript 标准的大佬们不是一伙人).
前面学的 JS 基础语法主要学的是 ECMAScript, 这让我们建立基本的编程思维. 相当于练武需要先
扎马步这个是 W3C 组织规定的. (和制定 ECMAScript 标准的大佬们不是一伙人).
前面学的 JS 基础语法主要学的是 ECMAScript, 这让我们建立基本的编程思维. 相当于练武需要先
扎马步这个是 W3C 组织规定的. (和制定 ECMAScript 标准的大佬们不是一伙人).
前面学的 JS 基础语法主要学的是 ECMAScript, 这让我们建立基本的编程思维. 相当于练武需要先
扎马步这个是 W3C 组织规定的. (和制定 ECMAScript 标准的大佬们不是一伙人).
前面学的 JS 基础语法主要学的是 ECMAScript, 这让我们建立基本的编程思维. 相当于练武需要先
扎马步
     </div> -->
     <div class="word">
        <div>11</div>
        <div>11</div>
        <div>11</div>

     </div>
     
    <script>
        let div=document.querySelector('.word');
        let newDiv=document.createElement('div');
        newDiv.innerHTML='44';
        div.appendChild(newDiv);
        // let div=document.querySelector('.light');
        // div.onclick=function(){
        //     if(div.className=='light'){
        //         div.className='dark';
        //     }else{
        //         div.className='light';
        //     }
        // }
        // let input=document.querySelector('input');
        // let subBtn=document.querySelector('#sub');
        // let addBtn=document.querySelector('#add');
        // addBtn.onclick=function(){
        //     let oldVale=parseInt(input.value);
        //     oldVale+=1;
        //     input.value=oldVale;
        // }
        // subBtn.onclick=function(){
        //     let oldVale=parseInt(input.value);
        //     oldVale-=1;
        //     input.value=oldVale;
        // }
        // let div=document.querySelector('div');
        // console.log(div.innerHTML);
        // div.onclick=function(){
        //     div.innerHTML="<button>nihao</button>";
        // }
        // div.onclick=function(){
        //     console.log("鼠标点击");
        // }
        // div.onmousemove=function(){
        //     console.log("鼠标移动");
        // }
        // div.onmouseenter=function(){
        //     console.log("鼠标进来了");
        // }
    </script>
</body>
</html>